<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="../../../../WEB-INF/myTag.tld" prefix="my"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>签到详情表</title>
    <link href="<%=request.getContextPath()%>/views/sysdefault/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/views/sysdefault/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/views/sysdefault/css/animate.min.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/views/sysdefault/css/style.min.css?v=4.0.0" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/views/sysdefault/css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/views/sysdefault/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    
    <link href="<%=request.getContextPath()%>/views/sysdefault/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
	
</head>

<body class="gray-bg">
    <!-- 分页 -->
	<form id="pagerForm" method="post" action="signInList.do">
		<input type="hidden" name="currentPage" id="currentPage" value="1" />
		<input type="hidden" name="name" value="${dataStore.name}" />
		<input type="hidden" name="company" value="${dataStore.company}" />
		<input type="hidden" name="status" value="${dataStore.status}" />
		<input type="hidden" name="timestart" value="${dataStore.timestart}" />
		<input type="hidden" name="timeend" value="${dataStore.timeend}" />
	</form>
    
    <div class="animated fadeInRight">
    	<div class="row">
            <div class="col-sm-12">
                    <div class="ibox-title">
                        <h5>签到记录详情</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    
                    <div class="ibox-content">
                    	<!-- 搜索区 -->
                    	<div class="m-b-sm">
                    	<form id="signInList" name="signInList" action="signInList.do" method="post">
                    	<div class="m-b-sm">
                    	
                    	<div class="col-lg-2 col-md-2  col-sm-12 col-xs-12">
                    		<div class="input-group">
                    			<span class="input-group-addon">签到人名:</span>
								<input type="text" class="form-control" name="name" id="name" value="${dataStore.name}"/>
							</div>
						</div>
						<div class="col-lg-3 col-md-3  col-sm-12 col-xs-12">
                    		<div class="input-group">
                    			<span class="input-group-addon">签到单位:</span>
								<input type="text" class="form-control" name="company" id="company" value="${dataStore.company}"/>
							</div>
						</div>
						
						
						<div class="col-lg-2 col-md-2  col-sm-12 col-xs-12">
							<div class="input-group">
							<span class="input-group-addon">签到状态:</span>
							<select name="status" class="form-control">
								<option value="">所有</option>
								<option value="0" <c:if test="${dataStore.status == '0'}">selected="selected"</c:if> >在岗</option>
								<option value="1" <c:if test="${dataStore.status == '1'}">selected="selected"</c:if> >值班</option>
								<option value="2" <c:if test="${dataStore.status == '2'}">selected="selected"</c:if> >备勤</option>
								<option value="3" <c:if test="${dataStore.status == '3'}">selected="selected"</c:if> >巡逻</option>
							</select>
							</div>
						</div>
							
						<div class="col-lg-4 col-md-4  col-sm-12 col-xs-12" id="data_5">
                            <div class="input-daterange input-group" id="datepicker">
                            	<span class="input-group-addon input-title">签到日期:</span>
                                <input type="text" class="form-control" name="timestart" value="${dataStore.timestart}" />
                                <span class="input-group-addon">至</span>
                                <input type="text" class="form-control" name="timeend" value="${dataStore.timeend}" />
                            </div>
                        </div>
                    	</div>
                    	<div class="m-b-sm" style="padding-left:15px;">
                    	<button type="submit" id="search" class="btn btn-info" ><i class="fa fa-search"></i>&nbsp;&nbsp;搜索</button>
                    	</div>
                    	</form>
                    	</div>
                    	

						<!-- 列表区 -->
						<div class="m-b-sm">
							<table id="table" data-toggle="table" data-mobile-responsive="true" >
								<thead>
									<tr>
										<th data-width="5%" data-align="center">序号</th>
										<th >签到人</th>
										<th >签到单位</th>
										<th >签到时间</th>
										<th >签到状态</th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${pageInfo.resultList}" var="item" varStatus="i">
										<tr>			
											<td>${i.index + 1}</td>
											<td>${item.policeName}</td>
											<td>${item.policeDeparName}</td>
											<td>
											<c:if test="${item.status==0}">在岗</c:if>
											<c:if test="${item.status==1}">值班</c:if>
											<c:if test="${item.status==2}">备勤</c:if>
											<c:if test="${item.status==3}">巡逻</c:if>
											</td>
											<td><my:DateSubString date="${item.time}" subNum="16"/></td>
										</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>

						<jsp:include page="../../common/turnPage.jsp" />
					</div>
            </div>
            
        </div>


	</div>
 </body>   
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/jquery.min.js?v=2.1.4"></script>
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/content.min.js?v=1.0.0"></script>
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/plugins/toastr/toastr.min.js"></script>
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/plugins/layer/layer.js"></script>
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/plugins/bootstrap-table/bootstrap-table.js"></script>
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="<%=request.getContextPath()%>/views/sysdefault/js/plugins/datapicker/bootstrap-datepicker.js"></script>


    <script type="text/javascript">
   //初始化日期控件
    $("#data_5 .input-daterange").datepicker({
        keyboardNavigation: !1,
        forceParse: !1,
        autoclose: !0
    });
    </script>
</html>